<template>
  <div id="app">
    <!--    <img src="./assets/logo.png">-->
    <!--    <HelloWorld/>-->
    <!--    <add-blog></add-blog>-->
    <!--    <show-blogs></show-blogs>-->
    <blog-header></blog-header>
<!--  根据路由跳转到对应的组件  -->
    <router-view></router-view>

  </div>
</template>

<script>
  // import HelloWorld from './components/HelloWorld'
  import AddBlog from './components/AddBlog'
  import ShowBlogs from './components/ShowBlogs'
  import BlogHeader from './components/BlogHeader'
  import SingleBlog from './components/SingleBlog'

  export default {
    name: 'App',
    components: {
      AddBlog, ShowBlogs,BlogHeader,SingleBlog
    }
  }
</script>

<style>
  /*#app {*/
  /*  font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*  -webkit-font-smoothing: antialiased;*/
  /*  -moz-osx-font-smoothing: grayscale;*/
  /*  text-align: center;*/
  /*  color: #2c3e50;*/
  /*  margin-top: 60px;*/
  /*}*/
</style>
